.pro_detail{
  width:100%;
  min-width: 1180px;
  .project{
    background: #fff;
    width:100%;
    border-top:1px solid #ccc;
    .center{
      p{
        padding-top:30px;
        font-size: 24px;
        color:#333;
        line-height:42px;
      }
      .address{
        color: #999;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
        span{
          margin-right:6px;
        }
      }
      .field{
        margin-top:6px;
        font-size: 12px;
        span {
          display: inline-block;
          background: #e1ecff;
          color: #76abfc;
          height: 20px;
          line-height: 20px;
          padding: 0 6px;
          margin-right: 8px;
          border-radius: 6px;
        }
      }
    }
  }
  .menu{
    width:100%;
    padding-top:18px;
    height: 44px;
    background: #fff;
    z-index: 1;
    box-shadow: 0 8px 8px -8px #ccc;
    li{
      float: left;
      font-size:14px;
      height:40px;
      line-height:40px;
      margin-right:68px;
      a{
        color:#666;
      }
    }
    .curr{
      border-bottom:4px solid #4877ed;
    }
  }
  .menu_detail{
    background: #f2f2f2;
    overflow: hidden;
    padding-bottom: 40px;
    .center{
      .project_info,.team,.result{
        background: #fff;
        margin:10px 0;
        .title{
          height: 39px;
          line-height: 39px;
          border-bottom: 1px solid #e5e5e5;
          font-weight: bold;
          font-size: 14px;
          color: #333;
          margin:0 20px;
          img{
            vertical-align: middle;
            width:20px;
            height:20px;
            margin-right:6px;
          }
        }
        ul{
          margin:0 32px;
          font-size:14px;
          color:#666;
          padding-bottom:30px;
          li{
            div:first-child{
              border-left: 3px solid #666;
              font-weight: bold;
              padding-left:10px;
              line-height:14px;
              margin: 16px 0 12px;
            }
            p{
              line-height:30px;
              padding-left:12px;
            }
            p:last-child{
              margin-bottom:30px;
            }
            .file{
              margin-left:40px;
              img{
                width:100px;
                height:auto;
                display: block;
                margin-top:20px;
              }
              span{
                display: block;
                margin:8px 0;
                width:100px;
                text-align: center;
              }
              a{
                margin-left:-10px;
                display: block;
                width:120px;
                height:32px;
                line-height:32px;
                text-align: center;
                background: #182e81;
                color:#fff;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
              }
            }
            .sel{
              margin-left: 30px;
              padding-bottom: 8px;
              .chosen-choices{
                margin-left: -4px;
                border:1px solid #dbdbdb;
                border-radius: 5px;
                padding:5px 10px;
                width: 355px;
                .search-choice{
                  span{color: #333;}
                }
              }
              .chosen-search-input{
                box-shadow: none!important;
                width: auto!important;
              }
              .chosen-drop{
                width: 300px!important;
              }
            }
            
          }
        }
      }
      .team{
        table{
          width:96%;
          margin:30px 2%;
          th,td{
            text-align: center;
            border-bottom: 1px solid #e6e6e6;
            height: 30px;
          }
        }
      }
      .dowebok{
        padding-bottom: 16px!important;
        li{
          display: inline-block;
          margin-right:50px;
        }
      }
      .examine{
        margin-left: 30px;
        position: relative;
        textarea{
          display: block;
          width: 500px;
          height: 100px;
          outline: none;
          padding:10px;
          resize: none;
          margin-bottom: 16px;
          border-radius: 4px;
        }
        .limit{
          position: absolute;
          left: 460px;
          bottom: 8px;
          font-size: 12px;
        }
      }
      .result{
        li{
          button{   
          width: 90px;
          height: 32px;
          margin-left: 231px;
          color: #fff;
          background: #4877ed;
          border: none;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
          outline: none;
          cursor: pointer;
          }
        }
      }
    }
  }
}

@media(max-width: 720px){
  .index_header,.result{
    display: none;
  }
  .footer{
    display: none;
  }


  .pro_detail{
    min-width: 320px!important;
    .center{
      width: 94%!important;
    }
    .project{
      border-top:none!important;
      .center{
        p{
          padding-top:0.3rem!important;
          font-size: 0.4rem!important;
          line-height:0.5rem!important;
        }
        .address{ 
          height: 0.4rem!important;
          line-height: 0.5rem!important;
          font-size: 0.12rem!important;
          span{
            margin-right:0.06rem!important;
          }
        }
        .field{
          margin-top:0.12rem!important;
          font-size: 0.14rem!important;
          span {
            height: 0.2rem!important;
            line-height: 0.2rem!important;
            padding: 4px 6px!important;
            margin-right: 0.12rem!important;
            border-radius: 0.08rem!important;
          }
        }
      }
    }
    .menu{
      padding-top:6px!important;
      padding-bottom: 6px;
    
      height: 0.4rem!important;
      li{
        font-size:0.16rem!important;
        height:0.4rem!important;
        line-height:0.4rem!important;
        margin-right:1rem!important;
        padding-bottom: 3px;
      }
      li:last-child{
        display: none;
      }
      .curr{
        border-bottom:3px solid #4877ed!important;
      }
    }
    .menu_detail{
      .center{
        .project_info,.team{ 
          margin:0.2rem 0!important;
          .title{
            height: 0.3rem!important;
            line-height: 0.3rem!important;
            font-size: 0.16rem!important;
            margin:0 0.2rem!important;
            padding:8px 0;
            img{
              width:16px!important;
              height:16px!important;
              margin-right:6px;
            }
          }
          ul{
            margin:0 0.32rem!important;
            font-size:0.16rem!important;
            padding-bottom:0.3rem!important;
            li{
              div:first-child{
                border-left: 2px solid #666!important;
                line-height:12px!important;
                margin: 0.2rem 0 0.16rem!important;
              }
              p{
                line-height:0.4rem!important;
              }
              p:last-child{
                margin-bottom:0.3rem!important;
              }
              .file{
                margin-left:0.4rem!important;
                img{
                  width:1rem!important;
                  margin-top:0.2rem!important;
                }
                span{
                  text-align: left!important;
                }
                a{
                  margin-left:-5px!important;
                  width:90px!important;
                  height:25px!important;
                  line-height:25px!important;
                }
              }         
            }
          }
        }
        .team{
          table{
            width:100%!important;
            margin:0.3rem 0!important;
          }
        }
      }
    }
  }
}
